
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: "neue";
    src: url("HelveticaNeue.ttf");
}

*:not(body):not(html) {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: none;

}
html{
/*    background: #F3FBFF;*/
}
body{
    
	min-height: 675px;
    min-width: 1200px;
   
    
}

a{
	text-decoration: none;
	border: none;
}
a:VISITED{
	border: none;
}

ul{
	list-style: none outside none;
}

img{
	float: left;
}

/* ==========================================================================
   Header
   ========================================================================== */
.header {
    background: url("../img/erp/triangle.png") repeat scroll -12px -14px / 102% 118% transparent;
    height: 130px;
    min-width: 1200px;
    overflow: hidden;
    padding: 14px 63px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.header ul{
	float: right;
}

.header ul li {
    float: left;
    margin-right: 15px;
}

.header ul li:hover {
    opacity: 0.7;
}

.header ul li img {
    width: 33px;
}
#logo {
    width: 460px;
}

/* ==========================================================================
   Content
   ========================================================================== */
.main-container{
    height: auto;
    margin: 0 auto -27px;
    min-height: 100%;
   /*background: #F3FBFF;*/
}

#background-wrapper {
    height: 100%;
    overflow: hidden;
    background: white;
    position: absolute;
    width: 100%;
    z-index: 0;
}
#menu, #content{
	margin: 0 auto;
}
#menu {
    width: 804px;
}
#content{
    width: 1200px;
    /*background: #F3FBFF;*/
}
.vertical_align {
    display: table-cell;
    vertical-align: middle;
}
#menu li {
	border-radius: 74px 74px 74px 74px;
	float: left;
	margin-right: 53px;
	background-color: rgb(204,202,204);
	/* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #CCCACC, #FFF);
	background-image: -moz-linear-gradient(top, #CCCACC, #FFF);
	background-image: -ms-linear-gradient(top, #CCCACC, #FFF);
	background-image: -o-linear-gradient(top, #CCCACC, #FFF);
	background-image: linear-gradient(top, #CCCACC, #FFF);
	/* standard, but currently unimplemented */
	padding: 6px;
}

#menu li:hover{
	cursor: pointer;
	background-color: #0079C2;
	/* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #0079C2, #0079C2);
	background-image: -moz-linear-gradient(top, #0079C2, #0079C2);
	background-image: -ms-linear-gradient(top, #0079C2, #0079C2);
	background-image: -o-linear-gradient(top, #0079C2, #0079C2);
	background-image: linear-gradient(top, #0079C2, #0079C2);	
}


#menu span {
    color: #0079C2;
    font-family: neue;
    font-weight: 500;
    letter-spacing: 0.8px;
    line-height: 120px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 125px;
}

#menu li > img {
    bottom: 0;
    left: 91px;
    position: absolute;
}


#menu li > img.warranty {
    bottom: -3px;
    left: 78px;
}
/*-------------------------------------*/
#menu2 li {
	border-radius: 74px 74px 74px 74px;
	float: left;
	margin-right: 53px;
	background-color: rgb(204,202,204);
	/* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #CCCACC, #FFF);
	background-image: -moz-linear-gradient(top, #CCCACC, #FFF);
	background-image: -ms-linear-gradient(top, #CCCACC, #FFF);
	background-image: -o-linear-gradient(top, #CCCACC, #FFF);
	background-image: linear-gradient(top, #CCCACC, #FFF);
	/* standard, but currently unimplemented */
	padding: 6px;
        position: fixed;
        bottom: 65px;
        margin-left: 30px;
        
}

#menu2 li:hover{
	cursor: pointer;
	background-color: #0079C2;
	/* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #0079C2, #0079C2);
	background-image: -moz-linear-gradient(top, #0079C2, #0079C2);
	background-image: -ms-linear-gradient(top, #0079C2, #0079C2);
	background-image: -o-linear-gradient(top, #0079C2, #0079C2);
	background-image: linear-gradient(top, #0079C2, #0079C2);	
}


#menu2 span {
    color: #0079C2;
    font-family: neue;
    font-weight: 500;
    letter-spacing: 0.8px;
    line-height: 88px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 85px;
    font-size: 12px;
}

#menu2 li > img {
    bottom: 0;
    left: 75px;
    position: absolute;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.push, .blue {
    clear: both;
    height: 27px;
}

.blue{
   
    overflow: hidden;
    color: #FFF;
    padding: 0 63px;
    background: #0079C1;
}


.blue > ul {
    font-size: 11px;
    margin: 0;
    padding: 6px;
    text-transform: uppercase;
    float: left;
    font-weight: bold;
}

.blue > ul li {
    float: left;
    padding: 0 5px;
    border-right: 1px solid #FFF;
}

.blue > ul li:last-child {
    border: none
}

.blue span {
    float: right;
    font-size: 10px;
    padding-top: 6px;
}
#form {
    background: white;
    width: 1200px;
}
.colp1 {
    width: 20%;
    text-align: left;
}
.colp2 {
    width: 70%;
    text-align: left;
}
/* header */
.ui-carousel .ui-carousel-header {
  margin: 0 1px;
  height: 40px;
  overflow: hidden;
  padding-top: 7px;
  padding-bottom: 8px;
  padding-right: 10px;
  padding-left: 10px;
}
